// 六边形章集合
.sixangle_wrap {
    list-style: none;
    width: 360px;
    margin: 40px auto;
    overflow: hidden;
    padding-bottom: 30px;
    padding-left: 0 !important;
    position: relative;
    left: -5px;

    li {
        float: left;
        margin: 0 5px;
        height: 76.208px;

        .hex {
            overflow: hidden;
            display: block;
            width: 80px;
            height: 92.4px;
            transform: rotate(-60deg) skewY(30deg);
            box-sizing: border-box;
            .hexIn {
                background-color: #ccc;
                display: block;
                width: 80px;
                height: 92.4px;
                line-height: 92.4px;
                text-align: center;
                transform: skewY(-30deg) rotate(60deg);
                cursor: pointer;
                box-sizing: border-box;

            }
        }

        &:nth-child(7n + 5) {
            margin-left: 48px;
        }
    }
}